<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Xeria - Responsive Admin Dashboard Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
        <meta content="Coderthemes" name="author" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <!-- App favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">

        <!-- App css -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />

    </head>

    <body>

        <!-- Start Content-->
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box">
                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="javascript: void(0);">Xeria</a></li>
                                <li class="breadcrumb-item"><a href="javascript: void(0);">Extras</a></li>
                                <li class="breadcrumb-item active">Pricing</li>
                            </ol>
                        </div>
                        <h4 class="page-title">Pricing</h4>
                    </div>
                </div>
            </div>
            <!-- end page title -->

            <div class="row justify-content-center">
                <div class="col-xl-10">

                    <!-- Pricing Title-->
                    <div class="text-center mb-4">
                        <h3 class="mb-2">Our <b>Plans</b></h3>
                        <p class="text-muted w-50 m-auto">
                            We have plans and prices that fit your business perfectly. Make your client site a success with our products.
                        </p>
                    </div>

                    <!-- Plans -->
                    <div class="row my-3">
                        <div class="col-md-4">
                            <div class="card card-pricing">
                                <div class="card-body text-center">
                                    <p class="card-pricing-plan-name font-weight-bold text-uppercase">Professional Pack</p>
                                    <span class="card-pricing-icon text-danger">
                                        <i class="fe-users"></i>
                                    </span>
                                    <h2 class="card-pricing-price">$19 <span>/ Month</span></h2>
                                    <ul class="card-pricing-features">
                                        <li>10 GB Storage</li>
                                        <li>500 GB Bandwidth</li>
                                        <li>No Domain</li>
                                        <li>1 User</li>
                                        <li>Email Support</li>
                                        <li>24x7 Support</li>
                                    </ul>
                                    <button class="btn btn-danger waves-effect waves-light mt-4 mb-2 width-sm">Sign Up</button>
                                </div>
                            </div> <!-- end Pricing_card -->
                        </div> <!-- end col -->

                        <div class="col-md-4">
                            <div class="card card-pricing card-pricing-recommended">
                                <div class="card-body text-center">
                                    <p class="card-pricing-plan-name font-weight-bold text-uppercase">Business Pack</p>
                                    <span class="card-pricing-icon text-info">
                                        <i class="fe-award"></i>
                                    </span>
                                    <h2 class="card-pricing-price text-info">$29 <span>/ Month</span></h2>
                                    <ul class="card-pricing-features">
                                        <li>50 GB Storage</li>
                                        <li>900 GB Bandwidth</li>
                                        <li>2 Domain</li>
                                        <li>10 User</li>
                                        <li>Email Support</li>
                                        <li>24x7 Support</li>
                                    </ul>
                                    <button class="btn btn-info waves-effect waves-light mt-4 mb-2 width-sm">Sign Up</button>
                                </div>
                            </div> <!-- end Pricing_card -->
                        </div> <!-- end col -->

                        <div class="col-md-4">
                            <div class="card card-pricing">
                                <div class="card-body text-center">
                                    <p class="card-pricing-plan-name font-weight-bold text-uppercase">Enterprise Pack</p>
                                    <span class="card-pricing-icon text-danger">
                                        <i class="fe-aperture"></i>
                                    </span>
                                    <h2 class="card-pricing-price">$39 <span>/ Month</span></h2>
                                    <ul class="card-pricing-features">
                                        <li>100 GB Storege</li>
                                        <li>Unlimited Bandwidth</li>
                                        <li>10 Domain</li>
                                        <li>Unlimited User</li>
                                        <li>Email Support</li>
                                        <li>24x7 Support</li>
                                    </ul>
                                    <button class="btn btn-danger waves-effect waves-light mt-4 mb-2 width-sm">Sign Up</button>
                                </div>
                            </div> <!-- end Pricing_card -->
                        </div> <!-- end col -->
                    </div>
                    <!-- end row -->

                </div> <!-- end col-->
            </div>
            <!-- end row -->

        </div> <!-- container -->


        <!-- Vendor js -->
        <script src="assets/js/vendor.min.js"></script>

        <!-- App js -->
        <script src="assets/js/app.min.js"></script>
        
    </body>
</html>